import Vue from 'vue'
import Router from 'vue-router'
import Hello from '@/components/Hello'
import mixinA from '@/components/mixin/mixin-a'
import mixinB from '@/components/mixin/mixin-b'
import extend from '@/components/extend/extend'
import is from '@/components/is/'
import render from '@/components/render/'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Hello',
      component: Hello
    },
    {
      path: '/mixin-a',
      name: 'mixinA',
      component: mixinA
    },
    {
      path: '/mixin-b',
      name: 'mixinB',
      component: mixinB
    },
    {
      path: '/extend',
      name: 'extend',
      component: extend
    },
    {
      path: '/is',
      name: 'is',
      component: is
    },
    {
      path: '/render',
      name: 'render',
      component: render
    }
  ]
})
